<!--
 * Copyright ©
 * #  
 * @author: zw
 * @date: 2021-11-09 
 -->
<template>
<!-- // ' -->
  <div :class="['nav-item w-20 h-full text-sm leading-10 text-center inline-block']" :data-index="index">{{ item }}</div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  name: "~Item",
  props: {
    item: String,
    index: Number
  },
});
</script>

<style lang="scss" scoped>
.nav-current {
  @apply text-yellow-600 font-bold;
}
</style>
